<%-- 
    Document   : AgregarUsuario
    Created on : 07-abr-2011, 16:11:58
    Author     : Dalia_
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>

<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f" %>
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h" %>
<!-- RichFaces tag library declaration -->
<%@ taglib uri="http://richfaces.org/a4j" prefix="a4j"%>
<%@ taglib uri="http://richfaces.org/rich" prefix="rich"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">

<f:view>
<link rel="stylesheet" href="css/Estilo.css" type="text/css">

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Agregar usuario</title>
        <link rel="stylesheet" href="css2/Estilo.css" type="text/css">
    </head>
    <body bgcolor="#CCC">
        <br>
        <table width="70%" align="center">
            <tr>
                <td class="celdaImagenEncabezado" bgcolor="#003366">
                    <img src="img/logo-matersys.png" class="imagen"/>
                </td>
                <td class="celdaInfoEncabezado" bgcolor="#003366" align="center" >
                    Espacio de reflexión y conocimiento de las <br>TIC's y la Arquitectura Empresarial
                </td>
            </tr>
            <tr>
                <td bgcolor="#990000" class="celdaInfoEncabezado" colspan="2">
                    <ul id="nav">
                        <li>Usuarios
                            <ul>
                                <li><a href="AgregarUsuario.jsp">Agregar usuario</a></li>
                                <li><a href="EliminarUsuario.jsp">Eliminar usuario</a></li>
                                <li><a href="AutorizarUsuario.jsp">Autorizar usuarios</a></li>
                            </ul>
                        </li>
                        <li>Preguntas Examen
                            <ul>
                                <li><a href="">Agregar pregunta</a></li>
                                <li><a href="">Eliminar pregunta</a></li>
                                <li><a href="">Editar pregunta</a></li>
                            </ul>
                        </li>
                    </ul>
                </td>
            </tr>
            <tr>
                <td colspan="2" bgcolor="#FFF" height="250px" align="center" >
                    <h:form>
                        <rich:panel style="width:40%;">

                            <f:facet name="header">
                                <h:outputText value="Alta de usuario" />
                            </f:facet>

                            <h:panelGrid columns="2">
                                <h:outputLabel value="Nombre:" for="nombre" style="font-weight:bolder;" />
                                <h:inputText id="nombre" required="true" value="#{Usuarios.nombre}" validator="#{Validaciones.validarNombre}">
                                    <rich:ajaxValidator event="onblur"/>
                                </h:inputText>
                                <rich:spacer width="1px"/>
                                <rich:message for="nombre" ajaxRendered="true" style="color:red;"/>
                                <h:outputLabel value="Apellido Paterno:" for="apPat" style="font-weight:bolder;" />
                                <h:inputText id="apPat" required="true" value="#{Usuarios.apPat}" validator="#{Validaciones.validarNombre}">
                                    <rich:ajaxValidator event="onblur"/>
                                </h:inputText>
                                <rich:spacer width="1px"/>
                                <rich:message for="apPat" ajaxRendered="true" style="color:red;"/>
                                <h:outputLabel value="ApellidoMaterno:" for="apMat" style="font-weight:bolder;" />
                                <h:inputText id="apMat" value="#{Usuarios.apMat}" validator="#{Validaciones.validarNombre}">
                                    <rich:ajaxValidator event="onblur"/>
                                </h:inputText>
                                <rich:spacer width="1px"/> <rich:spacer width="1px"/>
                                <h:outputLabel value="E-mail:" for="email" style="font-weight:bolder;" />
                                <h:inputText id="email" required="true" value="#{Usuarios.correo}" validator="#{Validaciones.validarEmail}">
                                    <rich:ajaxValidator event="onblur"/>
                                </h:inputText>
                                <rich:spacer width="1px"/>
                                <rich:message for="email" ajaxRendered="true" style="color:red;"/>
                                <h:outputLabel value="Password:" for="password" style="font-weight:bolder;" />
                                <h:inputText id="password" required="true" value="#{Usuarios.password}" validator="#{Validaciones.validarPassword}">
                                    <rich:ajaxValidator event="onblur"/>
                                </h:inputText>
                                <rich:spacer width="1px"/>
                                <rich:message for="password" ajaxRendered="true" style="color:red;"/>
                                <h:outputLabel value="Perfil:" for="perfilUsu" style="font-weight:bolder" />
                                <rich:comboBox id="perfilUsu" selectFirstOnUpdate="false" defaultLabel="Seleccione un perfil"
                                               value="#{Usuarios.perfilUsu}" suggestionValues="#{Usuarios.listaPerfiles}">
                                </rich:comboBox>
                                <rich:spacer height="10px"/>
                                <rich:spacer height="10px"/>
                           </h:panelGrid>

                            <div align="center"><a4j:commandButton actionListener="#{Usuarios.saveUsuario}" value="Agregar" style="width:100px" /></div>

                        </rich:panel>

                    </h:form>
                </td>
            </tr>
        </table>

    </body>
</html>
</f:view>
